<!DOCTYPE html>
<html>

    <head lang="en">
        <meta charset="UTF-8">
        <title>用户注册</title>
		<link rel="stylesheet" type="text/css" href="../css/Home Page.css" />
		<link rel="stylesheet" type="text/css" href="../css/yonghuzhuce.css" />
    </head>
    <body>
		<!--导航栏-->
		<div class="daohang">
			<div class="biaotou">
				<a href="Home Page.html">Stephen Curry</a>
			</div>
			<div class="fenxiang">
				<nav>
				        <ul>
							<li><a href="../Home Page.html">首页</a></li>
							<li><a href="yonghuzhuce.html" target="_blank">用户注册</a></li>
							<li><a href="fensijiaoliu.html" target="_blank">粉丝交流</a></li>
							<li><a href="#target_4">数据统计</a>
								<ul id="target_4">
									<li><a href="shujutongji-NBA.html" target="_blank">近期</a></li>
									<li><a href="shujutongji-guojiadui.html" target="_blank">历史</a></li>
								</ul> 
							</li>
				    </ul>
				</nav> 
			</div>
		</div>
		<div class="ge"></div>
		<div class="zhuce">
	<form class="box">
			<div class="box1">
			    <div class="left">姓名</div><div class="right">：
				<input type="name" ></div>
		    </div>
			<div class="box1">
			    <div class="left">用户名称</div><div class="right">：
				<input type="text" name="username" placeholder="长度6~13位，大小写字母或数字"></div>
		    </div>
		    <div class="box1">
			    <div class="left">密码</div><div class="right">：
				<input type="password" name="pwd" placeholder="长度6~20,大小写字母、数字或下划线"></div>
		    </div>
		    <div class="box1">
			    <div class="left">重复密码</div><div class="right">：
				<input type="password" name="repwd" placeholder="请再次输入密码进行确认"></div>
		    </div >
		    <div class="box1">
			    <div class="left">电话</div><div class="right">：
				<input type="tel" name="tel" placeholder="11位手机号">
				<br />
				<button type="button">发送</button></div>
		    </div>
			<br />
		    <div class="box1">
			    <div class="left">验证码</div>
				<div class="right">：<input type="text"></div>
		    </div>
			<div class="box1">
				<div class="zhuce0">
					<input type="submit" value="注册">
				</div>
				<div class="denglu">
					<input type="submit" value="登陆">&nbsp;
				</div>
			</div>
	</form>
		<script type="text/javascript">
			var btn=document.querySelector('button');
			var time=120;
			btn.onclick=function(){
				btn.disabled=true;
				var timers=setInterval(
					function(){
						if(time==0){
							clearInterval(timers);
							btn.disabled=false;
							btn.innerHTML='发送验证码';
							time=60;
						}
						else{
							btn.innerHTML='还剩'+time+'秒';
							time--;
						}
					},
					1000
				);
			}
			var inputs = document.querySelectorAll('input');
			
		</script>
		</div>
		<div class="wei">
			<div class="one">
				<h2>联系我们</h2>
				<p>部门：计算机科学与信息工程学院</p>
				<p>地址：河北省沧州市运河区黄河西路49号</p>
				<p>电话：0317-7587171</p>
				<p>邮箱：jisunjituanmi@163.com</p>
			</div>
			<div class="two">
				<h2>相关链接</h2>
				<p><a href="https://www.bilibili.com/video/av70004678/" target="_blank">斯蒂芬库里个人纪录片-bilibili</a></p>
				<p><a href="https://baike.baidu.com/item/%E6%96%AF%E8%92%82%E8%8A%AC%C2%B7%E5%BA%93%E9%87%8C/902812?fromtitle=%E5%BA%93%E9%87%8C&fromid=8916710&fr=aladdin" target="_blank">斯蒂芬库里个人介绍-百度百科</a></p>
				<p><a href="https://m.hupu.com/nba/players/stephencurry-3311">斯蒂芬库里球员分析-虎扑</a></p>
				<p><a href="https://china.nba.com/">NBA中国官方网站</a></p>
			</div>
			<div class="three">
				<h2>沟通交流</h2>
				<img src="../img/weixin.png" >
			</div>
		</div>
    </body>

</html>